<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
<!--logo-->
<div class="top">
    <a class="link-block"
       href="#">
        <img src="../images/toplogo.png">
    </a>
</div>
<!--顶部导航栏-->
<div class="topbar_nav">
    <div class="nav_left">
        <a rel="nofollow" href="#" >小米商城</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >MIUI</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >IoT</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >云服务</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >金融</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >有品</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >小爱开放平台</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >企业团购</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >资质证照</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >协议规则</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" class="download">下载app
            <div class="appcode">
                <img src="//i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="小米商城">小米商城APP
            </div>
        </a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >智能生活</a>
        <span class="sep">|</span>
        <a rel="nofollow" href="#" >Select Location</a>
    </div>
    <div class="nav_right">
        <ul>
            <li><a class="login" href="/xiaomi/loginuser.html">登录</a></li>
            <li><a href="/register.html">注册</a> </li>
            <li>
                <div>
                    <a class="shopcar" href="/xiaomi/shopcar.html"><span>购物车</span></a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--下拉列表-->
<div class="container_nav">
    <div class="logo">
        <img src="../images/logo4.jpg">
    </div>
    <div class="container_bar">
        <ul>
            <li>小米手机</li>
            <li>Redmi 红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>家电</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>
    </div>
    <div class="serch">
        <form action="/xiaomi/listgoods.html" method="get">
            <div class="text_box">
                <input class="keyword" type="serch" autocomplete="off" name="keyword" placeholder="搜索">
                <div class="select_box">
                    <ul>
                        <li><a href="#">王一博同款手机</a></li>
                        <li><a href="#">K30 5G 120Hz流速屏</a></li>
                        <li><a href="#">小米10</a></li>
                        <li><a href="#">卡丁车</a></li>
                        <li><a href="#">全部商品</a></li>
                        <li><a href="#">耳机</a></li>
                        <li><a href="#">空调</a></li>
                    </ul>
                </div>
            </div>
           <input class="serch_button" type="submit" value="搜索">
        </form>
    </div>
</div>

<div class="main">
    <!--左侧列表-->
    <div class="left">
        <ul class="parent_nav">
            <li><a href="米"><span>手机 电话卡</span></a>
            </li>
            <li><a href="电视"><span>电视 盒子</span></a>
            </li>
            <li><a href="笔记本"><span>笔记本 显示器</span></a>
            </li>
            <li><a href="家电"><span>家电 插线板</span></a>
            </li>
            <li><a href="路由器"><span>智能 路由器</span></a>
            </li>
            <li><a href="手表"><span>出行 穿戴</span></a>
            </li>
            <li><a href="电源"><span>电源 配件</span></a>
            </li>
            <li><a href="健康"><span>健康 儿童</span></a>
            </li>
            <li><a href="耳机"><span>耳机 音响</span></a>
            </li>
            <li><a href="生活"><span>生活 箱包</span></a>
            </li>
        </ul>
    </div>
    <div class="right">
        <div class="children">
        </div>
    </div>
    <div class="roll">
        <div class="wrap" style="left: -600px">
          <img src="">
        </div>
        <div class="buttons">

        </div>
        <a href="javascript:;" class="arrow arrow_left">&lt;</a>
        <a href="javascript:;" class="arrow arrow_right">&gt;</a>
    </div>

</div>
<div class="clear"></div>
<div class="show">
    <div class="show_box1"></div>
    <div class="show_box2">
        <a href="/xiaomi/listgoods.html?keyword=红米"><img src="../images/show2.jpg"></a>
    </div>
    <div class="show_box3">
        <a href="/xiaomi/listgoods.html?keyword=Radmi"><img src="../images/show3.jpg"></a>
    </div>
    <div class="show_box4">
        <a href="/xiaomi/listgoods.html?keyword=手表"><img src="../images/watch.jpg"></a>
    </div>
</div>
<span>小米闪购</span>
<div class="seckill"></div>
<div class="img">
    <img src="../images/bigImg1.jpg">
</div>
<div class="img">
    <img src="../images/bigImg2.jpg">
</div>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../js/index.js"></script>
<script src="../js/head.js"></script>
</body>
</html>